.blog-posts-page {
	display: flex;
	align-items: center;
	padding: 16px;

	@include breakpoint-deprecated( '>480px' ) {
		padding: 16px 24px;
	}
}

.blog-posts-page__front-page-icon,
.blog-posts-page__not-used-icon {
	margin-top: -1px;
	margin-right: 6px;
	vertical-align: middle;
}

.blog-posts-page__details {
	flex: 1 1 auto;
}

.blog-posts-page__title {
	@extend %content-font;
	color: var( --color-neutral-70 );
	font-weight: 700;
	font-size: $font-title-small;
	line-height: 1.2;

	display: inline;
	margin-bottom: 2px;

	&.is-disabled {
		color: var( --color-neutral-light );
	}
}

.blog-posts-page__info {
	color: var( --color-text-subtle );
	font-size: $font-body-extra-small;
	margin: 0 33px 0 0;

	&.is-disabled {
		color: var( --color-neutral-20 );
	}

	.blog-posts-page__info-icon {
		margin: 0 4px -4px 0;
	}
}
